<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>微信朋友圈</title>
		<link rel="stylesheet" type="text/css" href="css/penyouquandecss.css"/>
		<style type="text/css">

		</style>
	</head>
	<body>
		<!--点击评论事件-->
		<div id="dianji" contenteditable="true">
			<input type="button" id="queding" value="确定" style="float: right; margin-top: 30px;"/>
		</div>
		<!--从相册选择-->
		<div class="shipin">
			<div class="baifa">
				图片和视频
			</div>
			<img src="img/chatimg1.jpg"/>
			<img src="img/chatimg2.jpg"/>
			<img src="img/chatimg3.jpg"/>
			<img src="img/chatimg4.jpg"/>
			<img src="img/chatimg5.jpg"/>
			<img src="img/chatimg6.jpg"/>
			<img src="img/chatimg7.jpg"/>
			<img src="img/chatimg8.jpg"/>
			<img src="img/chatimg9.jpg"/>
			<img src="img/chatimg10.jpg"/>
			<img src="img/chatimg11.jpg"/>
			<img src="img/chatimg12.jpg"/>
			<img src="img/chatimg13.jpg"/>
			<img src="img/chatimg14.jpg"/>
			<img src="img/chatimg15.jpg"/>
			<img src="img/chatimg16.jpg"/>
			<img src="img/chatimg17.jpg"/>
			
		</div>
	   <!--点击相机时显示的东西-->
		<div class="xiangce">
			<div class="a1">拍摄 <span style="color: gray; font-size: 12px;margin-left: 60px;">
				照片或视频
			</span></div>
			<div class="a2" style="border-bottom: none;">从相册选择</div>	
			
		</div>
		<div id="pengyouquan">
			<div id="pyqtop">
				<div class="jiantou"><img src="img/jiantou.png"/></div>
				<div class="zhongjian">朋友圈</div>	
				<div class="xiangji"><img src="img/xiangji.png"/></div>
			</div>
			<div class="bjtp"><img src="img/beijing.jpg"/></div>
			<div class="zijitou">
				<div class="nicheng">凉生默然，倾城伤！</div>
				<div class="touxiang"><img src="img/4.jpg"/></div>	
			</div>	
			<div class="xiabian">
					
				<div id="xxx">
					
				
				<div class="zuoce">
					<img src="img/2.jpg"/>
					</div>	
				<div class="youce">
					<div class="beizhu">蒙娜丽莎的眼泪</div>
				    <div class="shuoshuo">
				    	世界上唯一不用努力就能得到的只有年龄，成长总是不期而遇。ssssssssssssss
				    </div>	
					<div class="ftpd">
						<img src="img/2.jpg"/>
						<img src="img/2.jpg"/>
						<img src="img/3.jpg"/>
						<img src="img/4.jpg"/>
					    <img src="img/4.jpg"/>
					</div>
					<div class="shijian">
						<div class="s1">13:45</div>
						<div class="shousuo">
							<div class="k1">赞</div>
							<div class="k2">评论</div>
						</div>
						<div class="s2"><img src="img/c.png"/></div>	
						
					</div>
					<div class="pinglun">
						<div class="dianzan"><img src="img/l.png"/>李伟，崔雨松,马世杰</div>
						<div class="huayu">
							<span id="niming">逍遥自在的升华：</span>
							<span id="nimingpinglun" >世界上唯一不用努力就</span>
						</div>
					</div>
				</div>	
			</div>
			</div>
			</div>
		
		<!--另一个界面-->
		<div class="fasongjiemian">
			<div class="top1">
				<div class="jiantou1"><img src="img/jiantou.png"/></div>
				<div class="fasong1">发送</div>
			</div>
			<div class="xiangfa1" contenteditable="true">    这一刻的想法</div>
		    <div class="photo1">
		    	<div class="xiangpian1">
		    		<img src="img/地地道道的.png"/>
		    		<img src="img/touxiang4.jpg"/>
		    		
		    	</div>
		    	<div class="jiaohao1">
		    		<img src="img/虚方框.png"/>
		    	</div>
		    </div>
		    	
		   </div>
		<script src="js/jquery-1.8.3.js" type="text/javascript">
			
		</script>
		<script src="js/wechatdejs.js" type="text/javascript">
			
		</script>
	</body>
</html>
